<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>里定订货宝-订单</title>
    <link rel="stylesheet" href="./assets/layui/css/layui.css">
    <!-- inject:css -->
    <!-- endinject -->
    <script src="./assets/jquery-1.12.4.min.js"></script>
</head>
<body>
<!-- header 公共头部组件 -->
<div class="header">
    <div class="nav wrapper clearfix">
        <div class="logo ">
            <img class="logo-item" src="./images/logo.png" alt="里定订货宝">
        </div>
        <div class="nav-action inline-wrapper">
            <div class="search-action inline-item">
                <input type="text" placeholder="商品名称">
                <i class="icon icon-search"></i>
            </div>
            <div class="split-line-vertical inline-item"></div>
            <div class="cart-action inline-item">
                <a href="./cart.html">
                    <i class="icon icon-cart"></i>
                    <span class="inline-item">购物车</span>
                    <span class="badge">0</span>
                </a>
            </div>
        </div>

        <div class="server-contact inline-wrapper">
            <i class="icon icon-phone"></i>
            <h3 class="inline-item">400-632-5588</h3>
        </div>
    </div>
    <div class="nav-menu-wrapper">
        <div class="nav-menu wrapper">
            <ul class="inline-wrapper">
                <li class="inline-item ">
                    <a href="./index.html">首页</a>
                </li>
                <li class="inline-item">
                    <a href="./goods.html">商品</a>
                </li>
                <li class="inline-item active">
                    <a href="./order.html">订单</a>
                </li>
                <li class="inline-item menu-select-hover">
                    <a href="#">全部商品分类</a>
                    <i class="icon icon-classification"></i>
                    <div class="nav-menu-select shadow-item">
                        <div class="nav-menu-option active">
                            <a href="#">新生儿疾病筛查型</a>
                        </div>
                        <div class="nav-menu-option ">
                            <a href="#">产前筛查型</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">体检型</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">903滤纸</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">新筛试剂</a>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="user-action">
                <div class="user-not-loged">
                    <i class="icon icon-user"></i>
                    <div class="inline-item">
                        <span>您好,</span>
                        <a href="./login.html">请登录</a>
                    </div>
                </div>
                <div class="user-loged"></div>
            </div>

        </div>
    </div>
</div>

<!-- content order 页面内容 -->
<div class="order-content clearfix" id="content_minHeight">
    <div class="wrapper">
        <div class="order-action inline-wrapper shadow-item " id="order_action_hook">
            <div class="order-search inline-item select-item">
                <input class="select-text" id="search_hook" name="order" placeholder="订单号" />
                <i class="icon icon-search" id="search_submit_hook"></i>
            </div>
            <div class="order-status inline-item select-item" id="order_status_hook">
                <span class="select-text" data-content="orderStatus">订单状态</span>
                <i class="icon icon-collapse" data-icon="orderStatus"></i>
                <div class="ld-select shadow-item" id="order_status_select_hook" >
                    <div class="ld-option active" data-key="orderStatus" data-value="1">
                        <a href="javascript: void(0);">全部</a>
                    </div>
                    <div class="ld-option" data-key="orderStatus" data-value="2">
                        <a href="javascript: void(0);">待确定</a>
                    </div>
                    <div class="ld-option" data-key="orderStatus" data-value="3">
                        <a href="javascript: void(0);">生产中，待出库</a>
                    </div>
                    <div class="ld-option" data-key="orderStatus" data-value="4">
                        <a href="javascript: void(0);">已出库，待收货</a>
                    </div>
                    <div class="ld-option" data-key="orderStatus" data-value="5">
                        <a href="javascript: void(0);">已收货</a>
                    </div>
                    <div class="ld-option" data-key="orderStatus" data-value="6">
                        <a href="javascript: void(0);">已取消</a>
                    </div>
                </div>
            </div>
            <div class="pay-status inline-item select-item" id="pay_status_hook">
                <span class="select-text" data-content="payStatus">付款状态</span>
                <i class="icon icon-collapse"></i>
                <div class="ld-select shadow-item" id="pay_status_select_hook" >
                    <div class="ld-option active" data-key="payStatus" data-value="1">
                        <a href="javascript: void(0);">全部</a>
                    </div>
                    <div class="ld-option" data-key="payStatus" data-value="2">
                        <a href="javascript: void(0);">待付款</a>
                    </div>
                    <div class="ld-option" data-key="payStatus" data-value="3">
                        <a href="javascript: void(0);">已付款</a>
                    </div>
                </div>
            </div>
            <div class="date-select inline-item select-item">
                <input class="select-text" id="start_date_hook" placeholder="下单日期" />
                <i class="icon icon-date"></i>
            </div>
            <div class="date-select inline-item select-item">
                <input class="select-text" id="end_date_hook" placeholder="截止日期" />
                <i class="icon icon-date"></i>
            </div>
        </div>
        <div class="order-table shadow-item" id="table_hook">
            <table>
                <thead>
                    <tr>
                        <th>单号</th>
                        <th>数量</th>
                        <th>收货人</th>
                        <th>订单状态</th>
                        <th>付款状态</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <div class="normal-text">
                                <a href="./order-detail.html" target="_blank">DH-20180518-003</a>
                            </div>
                            <div class="desc-text">2018-05-03</div>
                        </td>
                        <td>
                           <span class="normal-text theme-text">200</span>
                        </td>
                        <td>
                           <div class="normal-text">雷义</div>
                           <div class="desc-text">13984826101</div>
                        </td>
                        <td>
                            <span class="normal-text">待确认</span>
                        </td>
                        <td>
                            <span class="normal-text">待付款</span>
                        </td>
                        <td>
                            <a class="action-btn" href="http://www.baidu.com">查看详情</a>
                            <a class="action-btn cancel-order-hook" href="javascript:void(0);" data-orderid="DH-20180518-003">取消订单</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="normal-text">
                                <a href="./order-detail.html" target="_blank">
                                    DH-20180518-003
                                </a>
                            </div>
                            <div class="desc-text">2018-05-03</div>
                        </td>
                        <td>
                            <span class="normal-text theme-text">200</span>
                        </td>
                        <td>
                            <div class="normal-text">雷义</div>
                            <div class="desc-text">13984826101</div>
                        </td>
                        <td>
                            <span class="normal-text">生产中，待出库</span>
                        </td>
                        <td>
                            <span class="normal-text">待付款</span>
                        </td>
                        <td>
                            <a class="action-btn" href="http://www.baidu.com">查看详情</a>
                            <a class="action-btn cancel-order-hook" href="javascript:void(0);" data-orderid="DH-20180518-004">取消订单</a>
                        </td>
                    </tr>
                </tbody>
            </table>
            <!-- 表格分页 -->
            <div class="table-pagination inline-wrapper">
                <div class="pagination-item inline-item">
                    <a href="javascript:void(0);">共0条记录</a>
                </div>
                <div class="pagination-item inline-item">
                    <a class="next-page" href="#">上一页</a>
                </div>
                <div class="pagination-item inline-item">
                    <a class="prev-page" href="#">下一页</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 客服咨询 悬浮按钮 -->
<a class="server-btn" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1326499052&amp;site=qq&amp;menu=yes" target="_blank">
</a>
<!-- footer 公用 footer 组件 -->
<div class="footer">
    <ul class="footer-menu wrapper inline-wrapper">
        <li class="inline-item">
            <a href="#">关于我们</a>
        </li>
        <li class="inline-item">
            <a href="#">联系我们</a>
        </li>
        <li class="inline-item">
            <a href="#">会员介绍</a>
        </li>
        <li class="inline-item">
            <a href="#">购物指南</a>
        </li>
        <li class="inline-item">
            <a href="#">常见问题</a>
        </li>
    </ul>
</div>
<script src="./assets/layui/layui.js"></script>
<!-- inject:js -->
<!-- endinject -->
</body>
</html>